import React from 'react'
import { QRCode, Space } from 'antd'

export default class WChatLogin extends React.PureComponent {
  constructor (props) {
    super(props)
    this.state = {
      text: 'https://ant.design/'
    }
  }

  render () {
    const { text } = this.state
    return (
      <Space direction={'vertical'}>
        <QRCode value={text || '-'} size={180}/>
        <span style={{ color: '#555666', fontSize: 'small' }}> 打开微信扫一扫，快速登录/注册</span>
      </Space>
    )
  }
}
